<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>欢迎使用资源管理库</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <#include "/comm/module.ftl"/>
    <link rel="icon" type="image/png" href="${(request.contextPath)!}/assets/favicon.png"/>
    <link rel="shortcut icon" type="image/x-icon" href="${(request.contextPath)!}/assets/favicon.png"/>
    <link rel="stylesheet" href="${(request.contextPath)!}/assets/css/center.css?${.now}" media="all">
    <link rel="stylesheet" href="${(request.contextPath)!}/assets/css/font.css">
    <link rel="stylesheet" href="${(request.contextPath)!}/assets/lib/dtree/dtree.css?${.now}">
    <link rel="stylesheet" href="${(request.contextPath)!}/assets/lib/dtree/font/dtreefont.css?${.now}">
    <link rel="stylesheet" href="${(request.contextPath)!}/assets/css/iconfont-folder.css?${.now}">
    <style type="text/css">

    </style>

</head>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header" style="background-color: #ffffff !important;">
            <!-- 头部区域 -->
            <ul class="layui-nav" style="margin-left: 320px;">
                <li class="layui-nav-item">
                    <input type="text" placeholder="输入搜索..." id="keyword" autocomplete="off"
                           class="layui-input layui-input-search">
                    <button class="layui-btn" lay-on="btnSearch"> <i class="layui-icon layui-icon-search"></i></button>
                </li>
            </ul>
            <div>
                <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:" class="noHover" style="color: black !important;">
                            <cite style="color: black !important;">${name}&nbsp;</cite>
                        </a>
                        <dl class="layui-nav-child">

                            <dd><a href="javascript:" lay-on="updatePwd">修改密码</a></dd>
                            <hr>
                            <dd style="text-align: center;"><a href="javascript:" lay-on="logout">退出</a></dd>
                        </dl>
                    </li>

                </ul>
            </div>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll" style="background-color: #ffffff;">
                <div class="layui-logo">
                    <div style="display: flex;height: auto;">
                        <div class="myLogo" style="background-image: url('${resUrl}${info.logo!}')">
                        </div>
                        <span class="logo-title" style="font-size: 16px">${info.geName!}资料库</span>
                    </div>

                </div>
                <#--               树形菜单-->
                <div style="margin-top: 70px;margin-bottom: 10px;padding: 0 10px;">
                    <ul class="tree-menu" id="treeMenu"></ul>
                </div>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <!-- 面包屑导航示例 -->
            <ul class="breadcrumb" id="breadcrumb">

            </ul>
        </div>
        <!-- 主体内容 -->
        <div class="layui-body" style="background-color: #ffffff;padding-bottom: 0 !important;">
            <div style="height: 100%;display:flex;flex-direction:row;margin-top: 10px;">
                <div style="flex: 1; height: 100%;">
                    <div style="display: flex;padding: 8px 10px;  box-sizing: border-box;box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1) /* 设置2px宽实线红色边框 */">

                        <#if info.editOpen>
                            <div id="editLay" style="width: auto;margin-right: 10px;">
                                <button id="btnAddDir" type="button"
                                        class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" disabled
                                        lay-on="addFolder"><i
                                            class="layui-icon layui-icon-folder" style="color: #FFA500;"></i>新建文件夹
                                </button>
                                <button id="btnUploadFile" type="button"
                                        class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" disabled
                                        lay-on="uploads">
                                    <i class="layui-icon layui-icon-upload-circle" style="color: #1e9fff;"></i>上传
                                </button>
                                <button id="btnUpdateName" type="button" disabled
                                        class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled"
                                        lay-on="updateName">
                                    <i
                                            class="layui-icon layui-icon-transfer" style="color:#31bdec;"></i>重命名
                                </button>
                                <button id="btnDelete" type="button" disabled
                                        class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled"
                                        lay-on="deleteFile">
                                    <i
                                            class="layui-icon layui-icon-error" style="color: red;"></i>删除
                                </button>
                            </div>
                        </#if>
                        <#if info.editDown>
                        <button id="btnDown" type="button" disabled
                                class="layui-btn layui-btn-sm layui-btn-primary layui-btn-disabled" lay-on="downFile">
                            <i
                                    class="layui-icon layui-icon-download-circle" style="color: #16b777;"></i>下载
                        </button>
                        </#if>
                        <input type="hidden" id="selectId">
                    </div>
                    <div id="fileManager" lay-filter="test" style="height: 100%">

                    </div>
                    <div style="height: 100%;" id="empty_lay" class="layui-hide empty_lay">
                        <img src="${(request.contextPath)!}/assets/images/empty_bg.png"
                             style="width: 400px;height: 400px;"/>
                        <span class="gray-button">文件夹为空</span>
                    </div>
                </div>
                <div style="width: 300px;">
                    <div class="layui-hide"
                         style="background-color: rgba(53, 189, 178, 0.1);display: flex;flex-direction: row;"
                         id="multiple-lay">
                        <img src="${(request.contextPath)!}/assets/images/multiple_icon.png"
                             style="width: 80px;height: 60px;"/>
                        <div style="display: flex;flex-direction: column;justify-content: center;color: #6e7681">
                            <span style="margin-left: 20px;">多选</span>
                            <span style="margin-left: 20px;" id="multiple-number">已选择( 5项 )</span>
                        </div>

                    </div>
                    <div style="background-color: rgba(53, 189, 178, 0.1);display: flex;flex-direction: row;margin-left: 2px;"
                         id="dir-select">
                        <img src="${(request.contextPath)!}/assets/ico/dir.png"
                             style="width: 80px;height: 60px;"/>
                    </div>
                    <div style="padding: 10px;" id="fileInfo" class="layui-hide">
                        <div>
                            <div class="detail-row">
                                <div class="detail-label">名称:</div>
                                <div class="detail-value" id="fileName"></div>
                            </div>
                            <div class="detail-row" id="file-size">
                                <span class="detail-label">大小:</span>
                                <span class="detail-value" id="fileSize"></span>
                            </div>
                            <div class="detail-row">
                                <span class="detail-label">创建时间:</span>
                                <span class="detail-value" id="fileCreateTime"></span>
                            </div>
                            <div class="detail-row">
                                <span class="detail-label">修改时间:</span>
                                <span class="detail-value" id="fileModifyTime"></span>
                            </div>

                            <div class="detail-row" id="file-type">
                                <span class="detail-label">类型:</span>
                                <span class="detail-value" id="fileType"></span>
                            </div>
                            <div class="detail-row" id="fileResolution">
                                <span class="detail-label" id="fileResolutionTitle">尺寸:</span>
                                <span class="detail-value" id="fileResolutionContent"></span>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="layui-upload upload-container" id="upload-layer">
        <button type="button" class="layui-btn layui-bg-blue" id="upload">选择多文件</button>
        <div class="layui-upload-list" style="height: 320px;overflow: auto">
            <table class="layui-table">
                <thead>
                <tr>
                    <th>文件名</th>
                    <th>大小</th>
                    <th>上传进度</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="demoList"></tbody>
            </table>
        </div>
        <button type="button" class="layui-btn" style="position:absolute;right:20px;" id="uploadAction">开始上传
        </button>
    </div>
</div>
<form action="${request.contextPath}/downloadZip" method="post" id="myDownForm">
    <input type="hidden" name="ids" id="idsFiles">
</form>
<script type="text/javascript" src="${request.contextPath}/assets/layui/layui.js"></script>
<script type="text/javascript">
    var isdown="${info.editDown!0}"
    layui.config({
        base: '${request.contextPath}/assets/lib/' //静态资源所在路径
    }).extend({
        fileManager: 'file/fileManager_src'
    });
</script>
<script type="text/javascript" src="${request.contextPath}/assets/js/center.js?${.now}"></script>
</body>
</html>


